.app,.app .main {
    width: 750px;
    position: absolute;
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    height: 600px;
}
.app {
    height: 600px;
    border: 2px solid red;
    /*display:none;*/
    top:0;
    overflow: hidden;
}
/*.app .bar {*/
    /*height:50px;*/
    /*padding:10px;*/
    /*line-height:30px;*/
    /*position:relative;*/
    /*z-index:999;*/
    /*color:#fff;*/
    /*background:#2f4f4f*/
/*}*/
/*.app .main {*/
    /*top:30px*/
/*}*/
.app .photo-canvas,.app .preview-box {
    top:50%;
    -webkit-transform:translate3d(-50%,-50%,0)
}
.app #rotateBtn,.app .photo-canvas,.app .preview-box {
    left:50%;
    position:absolute
}
.app .upload-mask {
    height:100%;
    width:100%;
    position:absolute;
    z-index:2
}
.app .photo-canvas {
    /*新赠的*/
    /*border:1px solid #000;*/
    transform:translate3d(-50%,-50%,0);
    z-index:3
}
.app #preview {
    display:block;
    z-index:1
}
.app .preview-box {
    transform:translate3d(-50%,-50%,0)
}
.app body {
    overflow:hidden
}
.app #getFile {
    color:#fef4e9;
    border:1px solid #da7c0c;
    vertical-align:middle;
    padding:6px 5px;
    line-height:1;
    background:-webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
    background:-moz-linear-gradient(top,#faa51a,#f47a20);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20')
}
.app #rotateBtn {
    text-align:center;
    bottom:15px;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
    color:#fff;
    z-index:5
}
.app .upload-loading {
    display:none;
    background:rgba(0,0,0,.2);
    width:100%;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    color:#adff2f;
    z-index:3
}
/*loading动画*/
.centerXY{
    margin-left: 330px;
}
.centerXY>i{
    margin-top: 300px;
}
.rarrow:after,.rarrow:before {
    top:6px;
    clip:rect(auto auto 26px 2px)
}
button {
    width:140px;
    line-height:38px;
    text-align:center;
    font-weight:700;
    color:#fff;
    text-shadow:1px 1px 1px #333;
    border-radius:5px;
    margin:10px 20px;
    position:relative;
    overflow:visible;
    /*新增*/
    margin-top: 700px;
}
.button.blue {
    position:relative;
    margin-right:0;
    border:1px solid #1e7db9;
    box-shadow:0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;
    background:-webkit-linear-gradient(top,#42a4e0,#2e88c0);
    background:-moz-linear-gradient(top,#42a4e0,#2e88c0);
    background:linear-gradient(top,#42a4e0,#2e88c0)
}
.blue.rarrow:after {
    box-shadow:0 1px 0 #8FCAEE inset,-1px 0 0 #497897 inset,-2px 0 0 #8FCAEE inset;
    background:-webkit-linear-gradient(top left,#42A4E0,#2E88C0);
    background:-moz-linear-gradient(top left,#42A4E0,#2E88C0);
    background:linear-gradient(top left,#42A4E0,#2E88C0)
}
.blue.rarrow:before {
    background:#1E7DB9
}
.rarrow:after {
    right:-12px
}
.rarrow:before {
    right:-13px
}
.larrow:after,.larrow:before,.rarrow:after,.rarrow:before {
    position:absolute;
    content:"";
    display:block;
    width:28px;
    height:28px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)
}
.upload-file {
    opacity:0;
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0
}
#previewResult {
    background:#fff;
    max-width:260px;
    border:1px solid #000
}